import React from 'react';
import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
import Icon from '@ant-design/icons';

const RarFileSvg = () => (
  <svg width="62" height="68" viewBox="0 0 62 68" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M40.5 1H3C1.89543 1 1 1.89543 1 3V65C1 66.1046 1.89543 67 3 67H49.5C50.6046 67 51.5 66.1046 51.5 65V13.5L40.5 1Z"
      fill="#F7FCFF"
      stroke="#FF9A3B"
      strokeWidth="2"
    />
    <path
      d="M40.5 13.5V1L51.5 13.5H40.5Z"
      stroke="#FF9A3B"
      strokeWidth="2"
      strokeLinejoin="round"
    />
    <rect x="17.5" y="31" width="44" height="24" rx="2" fill="#FF9A3B" />
    <path
      d="M37.32 48H35.164L32.742 44.332H32.672H31.482V48H29.648V38.284H32.672C35.304 38.284 36.41 39.096 36.41 41.294C36.41 42.932 35.822 43.772 34.534 44.122L37.32 48ZM31.482 42.932H32.42C33.974 42.932 34.576 42.68 34.576 41.294C34.576 40.034 33.974 39.768 32.42 39.768H31.482V42.932ZM45.2817 48L44.3857 45.424H40.3257L39.4017 48H37.5117L41.1517 38.284H43.6157L47.2277 48H45.2817ZM40.8717 43.884H43.8397L42.4537 39.922H42.2857L40.8717 43.884ZM56.1188 48H53.9628L51.5408 44.332H51.4708H50.2808V48H48.4468V38.284H51.4708C54.1028 38.284 55.2088 39.096 55.2088 41.294C55.2088 42.932 54.6208 43.772 53.3328 44.122L56.1188 48ZM50.2808 42.932H51.2188C52.7728 42.932 53.3748 42.68 53.3748 41.294C53.3748 40.034 52.7728 39.768 51.2188 39.768H50.2808V42.932Z"
      fill="white"
    />
  </svg>
);

const RarFileIcon = (props: Partial<CustomIconComponentProps>) => {
  return <Icon component={RarFileSvg} {...props} />;
};

export default RarFileIcon;
